<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>${appname}</title>
<%@ include file="/WEB-INF/view/common/css_js_base.jsp"%>
<link href="${ctx}/static/css/module/account/signin.css" rel="stylesheet">
<script type="text/javascript">
$(function(){
	if(top!=self){
		top.location=self.location;
	}
	var msg = '${error}';
	 if(msg!=''){
	     if(msg=='初始化密码需要修改！'){
			   $.ajax({
				   type: "GET",
				   dataType:"html",
				   cache: false,
				   url: _ctx + "/uums/user_password_init_change.do",
				   data: {},
				   beforeSend : function(){
			       },
				   success: function(content){
					   $('#userInfoChangePasswordDiv').html( content );
					   $('#userInfoChangePasswordModal').modal('show');
				   },
				   error:function(){
					   ui.msg( '请求发送失败！',0 );
				   }
			  });
	     }else{
		     ui.msg(msg);
	     }
	 }
})
</script>
<style type="text/css">
 @media ( min-width :644px) {
	body > .container {
		width: 644px;
		padding-left: 120px;
	}
} 

@media ( min-width :768px) {
	body > .container {
		width: 740px;
		padding-left: 300px;
	}
}

@media ( min-width :992px) {
	body > .container{
		width: 900px;
		padding-left: 450px;
	}
}

@media ( min-width :1200px) {
	body > .container{
		width: 974px;
		padding-left: 50px;
	}
}
</style>
</head>
<body>
	<div class="container" style="padding-top: 100px; min-width: 417px;">
		<form class="form-signin form-horizontal well text-center" style="max-width: 450px;" role="form" id="loginForm" action="${ctx}/pub/login.do" method="POST">
			<div class="row">
				<div class="col-xs-3" style="color: rgb(255, 255, 255); font-size: 72px; vertical-align:middle;">
					<img style="margin:0px 0px 20px 20px;" height="120%" width="120%" style="vertical-align: middle;" alt="" src="${ctx}/static/images/logo.png" >
				
				</div>
				<div class="col-xs-9 text-center">
					<h3 class="text-info" style="font-size: 35px" >${appname}</h3>
					</div>
				<div class="col-xs-9 text-center">
					<h4 class="text-info" style="width: 260px;">&nbsp;&nbsp;&nbsp;&nbsp;<b></b></h4>
				</div>
			</div>
	        <div class="input-group">
			  <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
			  <input type="text" name="userName" class="form-control" placeholder="用户名" required autofocus value="" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
			</div>
	        <div class="input-group">
			  <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
			  <input type="password" name="password" class="form-control" placeholder="密码" required autofocus value="">
			</div>
	        <div class="input-group text-center" style="margin:0 auto;">
		        <button class="btn btn-lg btn-success" type="submit">登录</button>&nbsp;
		        <button class="btn btn-lg btn-primary" type="reset">重置</button>
	        </div>
		</form>
	</div>
<div id="userInfoChangePasswordModal" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="查看" aria-hidden="false">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class='widget-header widget-header-small'><h5 class='smaller'></h5></div>
			<div id="userInfoChangePasswordDiv"></div>
		</div>
	</div>
</div>
</body>
</html>
